<style>
#NC{
	width:1000px;
	overflow:hidden;
}
#NC input:disabled{
	color:#000;
}
#NC input[type=submit].save{
	padding:0px;
	border:none;
	background-color:transparent;
	text-indent:-100em;
	overflow:hidden;
	width:16px;
	height:16px;
	margin:0px;
	cursor:pointer;
}
#NC .NC_tab{
	margin-bottom:5px;
}
#NC .tab_top{
	float:left;
	width:982px;
	border-bottom:1px solid #848263;
}
#NC .tab_top a.switcher{
	width:140px;
	float:left;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-weight:bolder;
	padding:2px 5px;
	background:#848263;
	border:1px solid #848263;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#NC .tab_top a.switcher:hover{
	color:#efecb3;
}
#NC .tab_top input[type=button]{
	background-color:transparent;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 5px;
	cursor:pointer;
	text-indent:-100em;
	overflow:hidden;
	width:16px;
	height:16px;
}
#NC blockquote.area {
	width:960px;
	clear:both;
	margin:0px;
	border-top:none;
}
/*-----------------------------------------------------*/
#NC #NC_basic_data,
#NC #NC_payment,
#NC #NC_items{
	float:left;
	clear:both;
}
#NC #NC_basic_data input[type=button].refresh{
	border:none;
	width:16px;
	height:20px;
	text-indent:-100em;
	overflow:hidden;
	background-color:transparent;
	background-position: center center;
	cursor:pointer;
	margin-right:0px;
}
#NC #NC_basic_data #ugovor_broj_prev{
	float:left;
	display:block;
	color:#aaa;
	font-size:11px;
	margin-top:8px;
	cursor:pointer;
}
#NC #NC_basic_data #ugovor_broj_prev:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
#NC #NC_basic_data label{
	clear:both;
	width:80px;
}
#NC #NC_basic_data #ugovor_broj{
	text-align:right;
}
#NC #NC_basic_data #ugovor_cenovnik{
	float:left;
	font-size:11px;
	color:#aaa;
	margin:6px 0px 0px 2px;
	padding:2px 4px;
	cursor:pointer;
}
#NC #NC_basic_data #ugovor_cenovnik:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
#NC #NC_basic_data .komDetails{
	background:url(gui/icons/komitent.gif) no-repeat center center;
	width:20px;
	height:16px;
	overflow:hidden;
	text-indent:-100em;
	border:none;
	cursor:pointer;
	margin:7px 0px 0px 0px;
}
#NC #NC_basic_data ul#komitentDetailsMenu{
	display:none;
	position:absolute;
	margin:50px 0px 0px 240px;
	padding:0px;
	list-style-type:none;
	background:#fff;
	border:1px solid #000;
}
#NC #NC_basic_data #komitentDetailsMenu li{
	cursor:pointer;
	padding:2px 5px;
}
#NC #NC_basic_data #komitentDetailsMenu li:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
#NC #NC_basic_data #ugovor_dopisi,
#NC #NC_basic_data #ugovor_deklaracije{
	width:80px;
	height:50px;
	clear:both;
	float:right;
	margin:0px;
	padding:0px 0px 0px 22px;
	background:#fff;
	border:1px dotted #848263;
	-moz-border-radius:4px;
	overflow:auto;
}
#NC #NC_basic_data #ugovor_dopisi li,
#NC #NC_basic_data #ugovor_deklaracije li{
	clear:both;
	margin:0px 0px;
	padding:2px 0px 2px 5px;
	cursor:url("gui/icons/delete.gif"), default;
}
#NC #NC_basic_data #ugovor_dopisi li:hover,
#NC #NC_basic_data #ugovor_deklaracije li:hover{
	background:#ccc;
}
#NC #NC_basic_data #ugovor_dopisi li input.dopisBtn,
#NC #NC_basic_data #ugovor_deklaracije li input.deklaracijaBtn{
	margin:0px;
	padding:0px;
	width:100%;
	cursor:pointer;
	background:url(gui/icons/deklaracija.gif) no-repeat 0px center;
	border:none;
	float:none;
}
#NC #NC_basic_data #ugovor_dopisi li input.dopisBtn{
	background-image:url(gui/icons/dopis.gif);
}
#NC #NC_basic_data #ugovor_dopisi li#dopis_template_li,
#NC #NC_basic_data #ugovor_deklaracije li#deklaracija_template_li{display:none;}
#NC #NC_basic_data .ugovor_dopis,
#NC #NC_basic_data .ugovor_deklaracija{
	position:absolute;
	left:100px;
	top:150px;
	width:707px;
	margin:0px 20px 0px 0px;
	display:none;
	background:#efecb3;
	border-width:2px;
	border-style:solid;
	-moz-border-top-colors:#b3b29e #848263;
	-moz-border-right-colors:#5b5944 #848263;
	-moz-border-bottom-colors:#5b5944 #848263;
	-moz-border-left-colors:#b3b29e #848263;
	-moz-border-radius:4px;
	color:#000;
	padding:0px 0px 10px 0px;
}
#NC #NC_basic_data .ugovor_dopis{
	width:400px;
}
#NC #NC_basic_data .ugovor_deklaracija h3,
#NC #NC_basic_data .ugovor_deklaracija label,
#NC #NC_basic_data .ugovor_deklaracija legend{
	-moz-user-select:none;
}
#NC #NC_basic_data .ugovor_deklaracija h3{
	/*background:#1553a8;*/
	background:#848263;
	color:#fff;
	padding:5px 10px;
	text-align:center;
}
#NC #NC_basic_data .ugovor_dopis h3{
	float:right;
	width:100%;
	height:26px;
	padding:0px;
	margin:0px;
	background:#848263 url(gui/icons/dopis.gif) no-repeat 10px center;
}
#NC #NC_basic_data .ugovor_deklaracija div:first-child h3:first-child{
	background-image:url(gui/icons/deklaracija.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}
#NC #NC_basic_data .ugovor_deklaracija fieldset,
#NC #NC_basic_data .ugovor_deklaracija label{
	clear:both;
}
#NC #NC_basic_data .ugovor_dopis label{
	width:100px;
}
#NC #NC_basic_data .ugovor_deklaracija label{width:120px;}
#NC #NC_basic_data .ugovor_deklaracija fieldset label{width:100px;}
#NC #NC_basic_data .ugovor_deklaracija fieldset{margin:5px 10px;}
#NC #NC_basic_data .ugovor_deklaracija input[type=text]{
	width:200px;
}
#NC #NC_basic_data .ugovor_deklaracija textarea{
	width:250px;
	height:74px;
}
#NC #NC_basic_data .ugovor_dopis textarea{
	width:270px;
	height:100px;
}
#NC #NC_basic_data .ugovor_deklaracija .second label{
	width:90px;
}
table#ugovorKomitentDetails tr td table,
table#ugovorKomitentDetails tr td table tr td,
table#ugovorKomitentDetails tr td,
table#ugovorKomitentDetails{
	border:none;
	vertical-align:top;
}
table#ugovorKomitentDetails tr td.divide{
	background:url(gui/dash_v.gif) repeat-y center 0px;
}
table#ugovorKomitentDetails tr td.tel{
	background:url(gui/icons/phone.gif) no-repeat 5px 2px;
	padding-left:25px;
}
#NC table#NC_iznosi td,
#NC table#NC_iznosi{
	border:none;
}
#NC table#NC_iznosi{
	margin:10px 30px;
}
#NC table#NC_iznosi td{
	padding:0px 2px;
}
#NC table#NC_iznosi td.neto input,
#NC table#NC_iznosi td.uplaceno input,
#NC table#NC_iznosi td.dug input{font-weight:bolder;}
#NC table#NC_iznosi td.uplaceno input{color:#00F}
#NC table#NC_iznosi td.dug input{color:#F00;}
#NC table#NC_iznosi input:disabled,
#NC table#NC_iznosi input{
	width:70px;
	text-align:right;
	margin:0px;
	background:#dbdac6;
	border:1px inset #dbdac6;
	color:#000;
}
#NC #ugovor_napomena{
	margin:5px 0px;
	width:98%;
	height:100px;
}
#NC #NC_items td input[type=button]{
	width:16px;
	height:16px;
	background-color:transparent;
	border:none;
	padding:0px;
	margin:0px 3px;
	cursor:pointer;
}
#NC #NC_items td input[type=button].tok{
	width:24px;
	height:17px;
	background:url(gui/ugovori/tok.gif) no-repeat center center;
	float:none;
}
#NC #NC_items td input[type=button].tokHover,
#NC #NC_items td input[type=button].tok:hover{background-image:url(gui/ugovori/tok_hover.gif);}
#NC input[type=button].delete,
#NC input[type=button].novi,
#NC input[type=button].edit{
	width:16px;
	height:16px;
	background-color:transparent;
	border:none;
	padding:0px;
	cursor:pointer;
}
</style>
<div id="NC">
<h2>Novi ugovor</h2>
<form method="post" action="javascript:void(0)">
<input type="hidden" name="ugovor_id" value="{{$ugovor_id}}" />
<div id="NC_basic_data" class="NC_tab">{{$basic_data}}</div>
<div id="NC_items" class="NC_tab">{{$items}}</div>
<div id="NC_payment" class="NC_tab">{{$payment}}</div>
</form>
</div>